<template>
  <view class="quizzesEntrance">
    <custom-CompanyInfo 
      :info="answererInfo"
      :canChange="false"
    />

    <view class="employeeTypes">
      <block v-for="item in employeeTypes" :key="item.key">
        <view
          :class="['item', active?.key == item.key && 'item-active']"
          @click="handleItem"
          :data-item="item"
        >
          <image
            :src="active?.key == item.key ? item.activeImg : item.inactiveImg"
            :style="{ width: item.width, height: item.height }"
          />
          <view class="employee">{{ item.title }}</view>
        </view>
      </block>
    </view>
    <view class="footer">
      <view
        :class="['btn', active?.key ? 'next-active' : 'next']"
        @click="handleNext"
      >
        下一步
      </view>
    </view>
  </view>
</template>
<script src="./indexMod.js" />
<style src="./indexStyle.scss" lang="scss" scoped>
</style>